define(['jquery','localData/index','user/add'],function($,localData,userAdd){
	// 获取右边的内容 然后填充到右侧
	// 获取
	
	
	// console.log(data)
	// return '1234'
	console.log(localData.getList())
	return function(){
		// localData.getList()
		var str = `
			<div class='user'>
				<div class="operationArea">
					<button class="addBtn" type='button'>新增</button>
				</div>
				<table border='1' width = '80%'>
					<thead>
						<th>姓名</th>
						<th>职位</th>
						<th>联系方式</th>
					</thead>

					<tbody> 
						${localData.getList().map(val=>{
							return `
									<tr>
										<td>${val.name}</td>
										<td>${val.position}</td>
										<td>${val.phone}</td>
									</tr>	
									`
						}).join('')}
					</tbody>
				</table>
			</div>
			
		`	
		// 事件委托的时候  寻找fu级dom时候  尽量选用已经存在的*******
		var $user = $('.content')
		$user.on('click','.addBtn',function(){
			console.log('add')
			userAdd()
		})
		//类似  react      
		// 一般是一个表格 来承载内容
		// 构造这个表格
		$('.content').html(str)
	}
})